19 Stunning JavaScript Image Gallery Kit
Ultimate Grid Responsive Gallery
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Deactivate and Activate Features through Javascript Options
2. WOW Slider
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.
WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.
Also, you can share your slider on Facebook.
Repose is a javascript plugin which can be used as an amazing showcase for different stuff.
Image Gallery with Vertical Thumbnail Navigator
No-Jquery minimum 15KB javascript code by smart compression. Javascript code deep compression by smart compression engine
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).
Settings are made with javascript.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox
Dribbble Gallery Mode
Gallery
Say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!
No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;
Social sharing: each image can be shared using Twitter.Styling: many other galleries doesn’t let you customize their CSS, Final Tiles Gallery, instead, gives you a great freedom to use your own CSS to control borders,margins, animations and so on;
CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
That is all you need to make the slideshow work! No JavaScript slideshow code is needed and no external CSS file. You just add a class to the image like this:
<img src="image. Alternatively, you can use the “fit” class if you want the image to fit inside the slide, not loosing a pixel.
The jQuery flickr api Gallery script allows you to show all your Flickr albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
The jQuery Google+/Picasa gallery script allows you to show all your Google+/Picasa albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
You control layout, backgrounds, image sizes, slideshows & more
Advanced theme options with custom javascript/css
Full control of your website’s key SEO factors – Set title, keywords, descriptions and more for each page/photo/gallery
Every page/image can be shared easily (if you want).
12. YouTube Channel
Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery javascript – your website has a video gallery!
Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!
No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;
Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;
Social sharing: each image can be shared using Twitter.Gallery management: each gallery is saved in WordPress database so you can edit them whenever you want: you can add, rename, delete and edit the galleries;
Custom links: each image can be linked to a custom URL;
Zoom: each image can be shown in a bigger format;
Shuffle: Enable or disable image shuffle;
CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;
The jQuery Facebook Gallery script allows you to show all your Facebook albums (images) on your website. This script is a pure javascript/jQuery solution and does not require a PHP server.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Once you purchased the script, you will receive a full manual that explains all available settings and also includes some information about the generated markup and how to target / call tool-tip content and image links with alternative plugins.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Fixed error where the link to the full size image (disk icon) does not always use the correct link
Changed from Facebook Javascript API to direct Facebook Graph requests via JSON to (hopefully) avoid future “Access Token” requests
Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion flickr api image sizes and perfect image alignment.It is perfect for portfolio and gallery website design along with its smooth transitions. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of image slideshow code required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery.Gallery Cover –
Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded.Image Binding
Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.
Dimension 3D Portfolio Gallery is an easy to use jQuery 3D Tile / Portfolio Gallery with 3D animated filter selection.This Portfolio is created with javascript, CSS3 and HTML5 .Other browsers will fallback to a non 3D portfolio gallery.
Auto Grid Responsive Gallery
The subfolders will be the categories that will appear at the top, and the plugin will make a grid responsive gallery with the images. Deactivate and Activate Features through Javascript Options
New Javascript property "orderInAll: true" so when you are in the all tab
New Feature: If you want to link to a page when you click on an image instead
of opening a light box just in the name of the image specify the url like this:
Fixed some behavior with the tabs when the gallery load more images.WHAT it does: when you scroll at the bottom of the gallery it load more images automatically, you can see a demo here: http://gmdae.
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Transition gallery included, a tool that provides the fastest way to select and use them in your slider. Advanced javascript API considered. Developed with pure object oriented javascript. Transition gallery
3D Gallery
No Need to add JavaScript code for jQuery Sliders.ItemTitle (Displays the image caption)
ItemMediaUrl (The src/url of image)
The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height
Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS jQuery background color and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).